@import "var";

.Z_BG {
  width: 100vw;
  height: 100vh;
  background: $--main-bg;
  background-size: 100%;
}

.el-container {
  height: 100%;
}

.header-icon {
  position: relative;
  line-height: 34px;
  margin: 0 10px;
  cursor: pointer;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  list-style-type: none;
  outline: none;
}

html {
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  background-color: transparent;
}

a {
  color: #343440;
  text-decoration: none;
}

.clearfix {
  &::after {
    display: table;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
    content: "";
  }
}

//浮动
.float-r {
  float: right;
}

//浮动
.float-l {
  float: left;
}

// 字体加粗
.fw-b {
  font-weight: bold;
}

//文章一行显示，多余省略号显示
.title-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Z-color-black {
  //background-color: rgba(19, 25, 47, 0.6);
}

.Z-color-blue {
  background-color: #1a5cd7;
}

.colorBlack {
  color: #272727 !important;

  &:hover {
    color: #272727 !important;
  }
}

.colorGrass {
  color: #33cea0;

  &:hover {
    color: #33cea0 !important;
  }
}

.colorRed {
  color: #ff5722;

  &:hover {
    color: #ff5722 !important;
  }
}

.colorText {
  color: #d3d6dd !important;

  &:hover {
    color: #d3d6dd !important;
  }
}

.colorBlue {
  color: #257dff !important;

  &:hover {
    color: #257dff !important;
  }
}

.colorGreen {
  color: #3de7c9;

  &:hover {
    color: #3de7c9;
  }
}

.colorWarning {
  color: rgba(237, 123, 47, 0.8);

  &:hover {
    color: rgba(237, 123, 47, 0.8);
  }
}

.Z .el-main {
  padding: 0;
}

.Z.el-header {
  height: 101px;
  font-size: 34px;
  line-height: 101px;
  color: #bedaff;
  background-color: #2C2C42;
  background-image: $--header-bg;
  background-repeat: no-repeat;
  background-size: 100%;

  .header-item.left {

  }

  .header-item.center {
    text-align: center;
  }

  .header-item.right {

  }
}

//
.Z .el-notification {
  position: fixed;
  box-sizing: border-box;
  display: flex;
  width: 330px;
  padding: 14px 26px 14px 13px;
  overflow: hidden;
  color: #fff;
  background: #f83c68;
  border: 1px solid #f83c68;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
  transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
}

.Z .el-notification p {
  color: #fff;
}
//
.Z .txtHighlight {
  color: #fff;
}
//
.Z .el-notification__content {
  color: #fff;
}
//
.Z .el-notification__title {
  color: #fff;
}
//
.Z .el-notification .el-notification__closeBtn{
  color: #fff;
}
//
//html body .el-dialog__body, html body .el-message-box__body {
//  border: none;
//}
//
//html body .el-dialog__footer, html body .el-message-box__footer {
//  border: none;
//}
//
//.Z .el-select-dropdown {
//  color: #ffffffe6;
//  background: #334b80;
//  border: 1px solid #dbdbdb29;
//}
//
//.Z .el-select-dropdown__item.selected {
//  color: #ffffffe6;
//}
//
//.Z .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
//  background: #5278cc;
//}
//
//.Z .el-select-dropdown__item.is-disabled:hover {
//  background-color: #0052d999;
//}
//
//.Z .el-select-dropdown__item {
//  color: #ffffffe6;
//}
//
//.Z .el-popper[x-placement^=bottom] .popper__arrow, .el-popper[x-placement^=bottom] .popper__arrow::after {
//  border-bottom-color: rgba(219, 219, 219, 0.6);
//}
//
//.Z .header-h4 {
//  padding: 12px;
//  font-size: 16px;
//  font-weight: 600;
//  color: #fff;
//}
//
//.Z .el-dialog, {
//  background: #4b6cb73d;
//  backdrop-filter: blur(44px);
//
//  &::before {
//    content: unset;
//  }
//
//  @supports (background: -moz-element(#bg)) {
//    & {
//      background: #0a1b4b;
//    }
//  }
//}
//
//.Z .el-dialog .report {
//  height: 580px;
//  overflow: auto;
//}
//
//.Z .el-dialog__title {
//  font-weight: 600;
//  color: #fff;
//}
//
//.Z .el-input__inner {
//  color: #fff;
//  background: #10307328;
//  border: 1px solid #dcdcdc28;
//}
//
//.Z .el-textarea__inner {
//  color: #fff;
//  background: #10307328;
//  border: 1px solid #dcdcdc28;
//}
//
//.el-input-group__append, .el-input-group__prepend {
//  color: #fff;
//  background: #4b6cb74c;
//  border: 1px solid #dcdcdc28;
//}
//
//.Z .el-dialog .el-input--small .el-input__inner, .Z .el-dialog .el-input--small .el-textarea__inner {
//  color: #ffffffe6;
//  background: rgb(16 48 115 / 16%);
//  border: 1px solid #dbdbdb29;
//}
//
//.Z .el-dialog__header {
//  background: transparent;
//  //backdrop-filter: blur(50px);
//  border-bottom: 1px solid #4b6cb73d;
//  margin-bottom: 10px;
//
//  &::before {
//    content: unset;
//  }
//
//  //@supports (background: -moz-element(#bg)) {
//  //  & {
//  //    background: rgba(75, 108, 183, 0.95);
//  //  }
//  //}
//}
//
//.Z .el-dialog__headerbtn .el-dialog__close {
//  color: #fff;
//}
//
//.Z .el-form-item__label {
//  color: #fff;
//}
//
//.Z .el-radio, .Z .el-dialog__body {
//  color: #fff;
//}
//
//.Z .el-tabs__item, {
//  color: #ffffff8c;
//}
//
//.Z .el-tabs__item.is-active {
//  color: #fff;
//}
//
//.Z .el-tabs__nav-wrap::after {
//  background: #4b6cb74c;
//}
//
//.Z .el-checkbox {
//  color: #fff;
//}
//
//.Z .el-table__expand-icon {
//  color: #409eff;
//}
//
//.Z .el-table thead {
//  background: transparent;
//}
//
//.Z .el-table th.el-table__cell {
//  background: transparent;
//}
//
//.Z .el-table td, .Z .el-table th.is-leaf {
//  border-bottom: 1px solid #0052d94c;
//}
//
//.Z .el-table::before {
//  background-color: #0052d94c;
//}
//
//html body .Z .el-table td .cell,
//html body .Z .el-table th .cell,
//.Z .el-table, .Z .el-table th,
//.Z .el-table tr,
//.Z .el-table tr td,
//.Z .el-table tr.el-table__row.el-table__row--striped {
//  color: rgba(255, 255, 255, 0.9);
//  background: transparent !important;
//
//}
//
//.Z .el-table tbody tr:hover > td {
//  background-color: #4b6cb74c !important;
//}
//
//.Z .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
//  background-color: #4b6cb74c;
//}
//
//.Z .el-table__body tr.current-row > td.el-table__cell {
//  background-color: #4b6cb74c;
//}
//
//.Z .el-table tr.currentTask {
//  background-color: #4b6cb74c;
//}

// 分页相关
.Z .el-pagination .btn-next,
.Z .el-pagination .btn-prev,
.Z .el-pagination.is-background .btn-prev:disabled,
.Z .el-pagination.is-background .btn-prev.is-disabled,
.Z .el-pagination.is-background .btn-next:disabled,
.Z .el-pagination.is-background .btn-next.is-disabled,
.Z .el-pagination.is-background .el-pager li:disabled,
.Z .el-pagination.is-background .el-pager li.is-disabled {
  font-size: 14px;
  color: $--pagination-color;
  background: transparent;
}

.Z .el-pagination.is-background .btn-prev,
.Z .el-pagination.is-background .btn-next,
.Z .el-pagination.is-background .el-pager li {
  color: $--pagination-color;
  background: transparent;
  border: 1px solid $--pagination-color;
}

.Z .el-pagination button:disabled {
  color: $--pagination-color;
  background: transparent;
}

.Z .el-pagination__total {
  color: $--pagination-color;
}


.Z .el-pagination .el-input__inner {
  background: transparent;
  border: 1px solid $--pagination-color;
}

//
.Z .el-pager li {
  color: $--pagination-color;
  background: transparent;
  border: 1px solid $--pagination-color;
  border-radius: 3px;
}

.Z .el-pager li.is-active {
  color: $--pagination-active-color;
  border: 1px solid $--pagination-active-color;
}

.Z .el-pagination.is-background .el-pager li:not(.disabled).is-active {
  color: $--pagination-active-color;
  background: transparent;
  border: 1px solid $--pagination-active-color;
}

.Z .el-pagination.is-background .el-pager li {
  color: $--pagination-color;
  background: transparent;
  border: 1px solid $--pagination-color;
}

.Z .el-pagination.is-background .el-pager li.is-active {
  color: $--pagination-active-color;
  background: transparent;
  border: 1px solid $--pagination-active-color;
}

.Z .el-pagination__jump {
  color: $--pagination-color;
}

.Z .tablePagination {
  justify-content: $--pagination-justify-content;
}

// 按钮相关
.Z .el-button {
  /* 覆盖默认按钮样式 */
  height: $--btn-height;
  line-height: $--btn-height;
  background-color: $--btn-color; /* 番茄色背景 */
  color: $--color-text-222; /* 白色文字 */
  border: none; /* 去除边框 */
  border-radius: $--btn-border-radius; /* 圆角 */
  padding: 0 28px;

  &:hover {
    background-color: $--btn-hover-color; /* 悬停时背景颜色变深 */
  }

  /* 你可以继续添加更多的状态选择器，如 &:active, &:focus 等 */

  /* 如果你想覆盖特定类型的按钮（如主要按钮、次要按钮等），你可以使用更具体的选择器 */
  &.el-button--primary {
    color: $-color-white; /* 白色文字 */
    background-color: $--primary-color; /* 绿色背景 */
    &:hover {
      background-color: $--primary-hover-color; /* 悬停时背景颜色变深 */
    }

    &.el-button--primary.is-plain, &.el-button--primary.is-text, &.el-button--primary.is-link {
      color: $--primary-color;
      background: transparent;

      &:hover {
        color: $--primary-hover-color;
        background: transparent;
      }
    }

  }


  &.el-button--info {
    color: $--color-text-222;
    background-color: $--info-color; /* 绿色背景 */
    &:hover {
      background-color: $--info-hover-color; /* 悬停时背景颜色变深 */
    }

    &.el-button--info.is-plain, &.el-button--info.is-text, &.el-button--info.is-link {
      color: $--info-color;
      background: transparent;

      &:hover {
        color: $--info-hover-color;
        background: transparent;
      }
    }
  }


  &.el-button--danger {
    color: $-color-white; /* 白色文字 */
    background-color: $--danger-color; /* 绿色背景 */
    &:hover {
      background-color: $--danger-hover-color; /* 悬停时背景颜色变深 */
    }

    &.el-button--danger.is-plain, &.el-button--danger.is-text, &.el-button--danger.is-link {
      background: transparent;
      color: $--danger-color;

      &:hover {
        color: $--danger-hover-color;
        background: transparent;
      }
    }
  }

  &.el-button--success {
    color: $-color-white; /* 白色文字 */
    background-color: $--success-color; /* 绿色背景 */
    &:hover {
      background-color: $--success-hover-color; /* 悬停时背景颜色变深 */
    }

    &.el-button--success.is-plain, &.el-button--success.is-text, &.el-button--success.is-link {
      background: transparent;
      color: $--success-color;

      &:hover {
        color: $--success-hover-color;
        background: transparent;
      }
    }
  }

  &.el-button--warning {
    color: $-color-white; /* 白色文字 */
    background-color: $--warning-color; /* 绿色背景 */
    &:hover {
      background-color: $--warning-hover-color; /* 悬停时背景颜色变深 */
    }

    &.el-button--warning.is-plain, &.el-button--warning.is-text, &.el-button--warning.is-link {
      background: transparent;
      color: $--warning-color;

      &:hover {
        color: $--warning-hover-color;
        background: transparent;
      }
    }
  }

  /* 你可以为其他类型的按钮（如成功、警告、危险等）添加类似的覆盖 */
}

// 表单相关
.Z .el-form {
  color: $--form-color;

  .el-form-item {
    margin-bottom: 20px;

    label {
      //font-weight: bold;
      font-size: $--form-label-size;
      color: $--form-color;
    }

    .el-input__wrapper {
      background: $--form-bg;
      padding: $--form-input-padding;
      border-radius: 20px;
      border: 1px solid #5c5e81;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);

      .el-input__inner {
        color: $--form-color;
        //border: 2px solid #ddd;
        background: transparent;
        border-radius: 4px;
        //padding: 10px;
        font-size: $--form-font-size;

        &:focus {
          border-color: $--form-focus-border;
          outline: none;
        }
      }
    }

    .el-select {
      color: $--form-color;
      //background: $--form-bg;
      //border: 1px solid #dbdbdb29;
      .el-select__wrapper {
        background: $--form-bg;
        //border: 1px solid #dbdbdb29;
      }

      .el-select__placeholder {
        color: $--form-color;
      }

    }

    .el-textarea {
      //background: $--form-bg;
      .el-textarea__inner,
      .el-input__count {
        background: $--form-bg;
        color: $--form-color;
      }
    }

  }

  .el-form-item__label {
    color: $--form-color;
  }
}


//select .el-scrollbar
.Z .el-select-dropdown {
  .el-scrollbar {
    background: $--form-bg;

    .el-select-dropdown__item {
      //background: #1066f3;
      color: $--form-color;
    }

    .el-select-dropdown__item.is-hovering {
      background: $--form-hover-bg;
      color: $--form-color;
    }

    .el-select-dropdown__item.is-selected {
      background: $--form-hover-bg;
      color: $--form-color;
    }
  }
}

//el-dialog 相关
.Z .el-dialog {
  /* 例如，改变对话框的背景颜色 */
  background-color: $--dialog-bg;

  /* 其他你想覆盖的样式 */
  .el-dialog__header {
    //background-color: #409eff;
    //padding: 20px;
    border-bottom: none;

    .el-dialog__title {
      color: $--header-color;

      font-size: $--header-size;
      font-weight: bold;
    }

    .el-dialog__headerbtn .el-dialog__close {
      font-size: $--header-size;
      color: $--header-color;
    }
  }

  .el-dialog__body {
    padding: 20px;
  }

  .el-dialog__footer {
    text-align: right;
    padding: 20px;
    border-top: none;

    .el-button {
      margin-left: 10px;
    }
  }
}

/* 日历相关的 */
.Z .fc-theme-standard .fc-dayGridMonth-view td, .Z .fc-theme-standard .fc-dayGridMonth-view th {
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #0052d94c;
  border-left: 0;
}

.Z .fc-theme-standard .fc-timeGrid-view td, .Z .fc-theme-standard .fc-timeGrid-view th, .Z .fc-theme-standard .fc-timeGridWeek-view th, .Z .fc-theme-standard .fc-timeGridWeek-view td {
  border: 1px solid #0052d94c;
}

// 月视图事件样式
.Z .fc .fc-daygrid-event {
  height: 30px;
  font-size: 14px;
  line-height: 22px;
}

// 周视图中事件文字
.Z .fc-timegrid-event .fc-event-time {
  font-size: 14px;
  word-break: normal;
  white-space: break-spaces;
}

.Z .fc-v-event .fc-event-title {
  margin-top: 6px;
  font-size: 14px;
  word-break: normal;
  white-space: break-spaces;
}

// 大边框
.Z .fc-theme-standard .fc-scrollgrid {
  border: 0;
}

.Z #calendar a,
.Z #calendarNone a {
  color: #fff;
}

.Z #calendar .fc-daygrid-more-link.fc-more-link {
  display: block;
  width: 100%;
  background: dodgerblue;
}

.Z .fc-toolbar-title {
  color: #fff;
}

// 弹窗内表单相关
.Z .formItemBox {
  padding: 20px;
  margin: 10px 14px;
  border: 1px solid #4b6cb74c;
}

.equipmentTypeTitle {
  padding: 10px 24px;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff8c;
}

// checkbox
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #0052d999;
  border-color: #0052d999;
}

.el-checkbox__inner {
  background: #10307328;
  border: 1px solid #dcdcdc28;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #fff;
}

// 日期时间选择
.el-picker-panel {
  color: #fff;
  background: #4b6cb73d;
  backdrop-filter: blur(44px);
  border: 1px solid #dbdbdb29;

  &::before {
    content: unset;
  }

  @supports (background: -moz-element(#bg)) {
    & {
      background: #0a1b4b;
    }
  }
}

.el-picker-panel .el-input__inner {
  color: #fff;
  background: #10307328;
  border: 1px solid #dcdcdc28;
}

.el-picker-panel__footer, .el-time-panel__footer {
  background: #4b6cb73d;
  backdrop-filter: blur(44px);
  border-top: 1px solid #4b6cb74c;

  &::before {
    content: unset;
  }

  @supports (background: -moz-element(#bg)) {
    & {
      background: #0a1b4b;
    }
  }
}

.el-picker-panel__icon-btn, .el-date-picker__header-label {
  color: #fffc;
}

.el-date-table td.next-month, .el-date-table td.prev-month {
  color: #ffffff8c;
}

//.el-time-panel {
//  color: #000;
//  background: rgba(255, 255, 255, 0.6);
//  backdrop-filter: blur(44px);
//  border: 1px solid #dbdbdb29;
//}

// 时间线相关
.el-timeline-item__content {
  line-height: 22px;
  color: #fff;
}

.el-timeline-item__timestamp {
  font-size: 14px;
  color: #ffffff8c;
}

.el-timeline-item__tail {
  border-left: 2px solid #4b6cb74c;
}

.el-step__title.is-finish {
  color: #fff;
}

.el-step__description.is-finish {
  color: #ffffff8c;
}

.el-step__title.is-warning {
  color: #fff;
}

.el-step__description.is-warning {
  color: #ffffff8c;
}

.el-dropdown-menu {
  color: #fff;
  background: rgba(24, 34, 64, 0.8);
  border: 1px solid #4b6cb74c;
}

.el-dropdown-menu__item {
  color: #fff;
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
  color: #66b1ff;
  background: rgba(24, 34, 64, 1);
}

.el-dropdown-menu__item--divided:before {
  background: transparent;
}

.el-dropdown-menu__item--divided {
  border-top: 1px solid #4b6cb74c;
}

.el-message-box {
  color: #fff;
  background: rgba(24, 34, 64, 1);
  border: 1px solid #4b6cb74c;
}

.el-message-box__title {
  color: #ffffff8c;
}

.el-message-box__content {
  color: #fff;
}

.el-radio-button__inner {
  color: #fff;
  background: rgba(0, 82, 217, 0.16);
  border: 1px solid #4b6cb74c;
}

.el-radio-button:first-child .el-radio-button__inner {
  border: none;
}

// .el-step
.el-step {
  position: relative;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.el-step:last-of-type .el-step__line {
  display: none;
}

.el-step:last-of-type.is-flex {
  flex-basis: auto !important;
  -ms-flex-preferred-size: auto !important;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
}

.el-step:last-of-type .el-step__description, .el-step:last-of-type .el-step__main {
  padding-right: 0;
}

.el-step__head {
  position: relative;
  width: 100%;
}

.el-step__head.is-process {
  color: #303133;
  border-color: #303133;
}

.el-step__head.is-wait {
  color: #c0c4cc;
  border-color: #c0c4cc;
}

.el-step__head.is-success {
  color: #67c23a;
  border-color: #67c23a;
}

.el-step__head.is-error {
  color: #f56c6c;
  border-color: #f56c6c;
}

.el-step__head.is-finish {
  color: #409eff;
  border-color: #409eff;
}

.el-step__head.is-warning {
  color: #67c23a;
  border-color: #67c23a;
}

.el-step__icon {
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  width: 24px;
  height: 28px;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  -webkit-transition: .15s ease-out;
  transition: .15s ease-out;
}

.el-step__icon.is-text {
  border: 2px solid;
  border-color: inherit;
  border-radius: 50%;
}

.el-step__icon.is-icon {
  width: 28px;
}

.el-step__icon-inner {
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  color: inherit;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 36px;
  font-weight: 400;
}

.el-step__icon-inner.is-status {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

.el-step__line {
  position: absolute;
  background-color: #c0c4cc;
  border-color: inherit;
}

.el-step__line-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 0;
  height: 0;
  border-color: inherit;
  border-style: solid;
  border-width: 1px;
  -webkit-transition: .15s ease-out;
  transition: .15s ease-out;
}

.el-step__main {
  text-align: left;
  white-space: normal;
}

.el-step__title {
  font-size: 16px;
  line-height: 22px;
}

.el-step__title.is-process {
  font-weight: 700;
  color: #303133;
}

.el-step__title.is-wait {
  color: #c0c4cc;
}

.el-step__title.is-success {
  color: #67c23a;
}

.el-step__title.is-error {
  color: #f56c6c;
}

.el-step__title.is-finish {
  color: #409eff;
}

.el-step__title.warning {
  color: #67c23a;
}

.el-step__description {
  padding-right: 10%;
  margin-top: -5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.el-step__description.is-process {
  color: #303133;
}

.el-step__description.is-wait {
  color: #c0c4cc;
}

.el-step__description.is-success {
  color: #67c23a;
}

.el-step__description.is-error {
  color: #f56c6c;
}

.el-step__description.is-finish {
  color: #409eff;
}

.el-step__description.warning {
  color: #67c23a;
}

.el-step.is-horizontal {
  display: inline-block;
}

.el-step.is-horizontal .el-step__line {
  top: 11px;
  right: 0;
  left: 0;
  height: 2px;
}

.el-step.is-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.el-step.is-vertical .el-step__head {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 24px;
}

.el-step.is-vertical .el-step__main {
  flex-grow: 1;
  padding-left: 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
}

.el-step.is-vertical .el-step__title {
  padding-bottom: 8px;
  line-height: 24px;
}

.el-step.is-vertical .el-step__line {
  top: 0;
  bottom: 0;
  left: 11px;
  width: 2px;
}

.el-step.is-vertical .el-step__icon.is-icon {
  width: 24px;
}

.el-step.is-center .el-step__head, .el-step.is-center .el-step__main {
  text-align: center;
}

.el-step.is-center .el-step__description {
  padding-right: 20%;
  padding-left: 20%;
}

.el-step.is-center .el-step__line {
  right: -50%;
  left: 50%;
}

.el-step.is-simple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.el-step.is-simple .el-step__head {
  width: auto;
  padding-right: 10px;
  font-size: 0;
}

.el-step.is-simple .el-step__icon {
  width: 16px;
  height: 16px;
  font-size: 12px;
  background: 0 0;
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 18px;
}

.el-step.is-simple .el-step__icon-inner.is-status {
  -webkit-transform: scale(.8) translateY(1px);
  transform: scale(.8) translateY(1px);
}

.el-step.is-simple .el-step__main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
}

.el-step.is-simple .el-step__title {
  font-size: 16px;
  line-height: 20px;
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 50%;
  word-break: break-all;
}

.el-step.is-simple .el-step__arrow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.el-step.is-simple .el-step__arrow::after, .el-step.is-simple .el-step__arrow::before {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 15px;
  content: '';
  background: #c0c4cc;
}

.el-step.is-simple .el-step__arrow::before {
  -webkit-transform: rotate(-45deg) translateY(-4px);
  transform: rotate(-45deg) translateY(-4px);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.el-step.is-simple .el-step__arrow::after {
  -webkit-transform: rotate(45deg) translateY(4px);
  transform: rotate(45deg) translateY(4px);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.el-step.is-simple:last-of-type .el-step__arrow {
  display: none;
}

.el-badge__content.is-fixed {
  position: absolute;
  top: 11px;
  right: 10px;
}

.el-alert__title {
  font-size: 16px;
}

.Z .el-tree {
  color: #fff;
  background: transparent;
}

.Z .el-tree-node .el-tree-node__content:hover, .Z .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  color: #fff;
  background: #1f4c7b;
}

.Z .el-tree .el-tree-node:focus {
  color: #fff;
  background: #1f4c7b;
}

.Z .el-tree-node:focus > .el-tree-node__content {
  color: #fff;
  background: #1f4c7b;
}

.Z .el-tree__empty-text {
  color: #efefef;
}

//.Z .el-menu {
//  color: #fff;
//  background: transparent;
//  border: none;
//}
//
//.Z .el-menu-item, .Z .el-sub-menu {
//  color: #fff; /* 菜单项的字体颜色 */
//  border-bottom: none; /* 移除下划线 */
//  background-color: transparent;
//
//  &:hover {
//    background-color: #4b6cb74c;
//  }
//}
//
///* 重置激活状态的菜单项 */
//.Z .el-menu-item.is-active, .Z .el-sub-menu.is-active {
//  color: #fff; /* 激活状态的字体颜色 */
//}
//
//.Z .el-sub-menu__title {
//  color: #fff;
//
//  &:hover {
//    background-color: #4b6cb74c;
//  }
//}

